@charset"utf-8";

      $fontsize:40;

@function r($px){
    @return $px/$fontsize*1rem 
}

* {
  margin: 0;
  padding: 0;
  list-style: none; }

html, body {
  height: 100%;
  width: 100%; }

.web {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f7f7f7; }

header {

  width: 100%;
  height: 2.2rem;
  position: absolute;
  top: 0; }

footer {
  width: 100%;
  height: r(100);
  background: white;
  position: absolute;
  bottom: 0; }

section {
  width: 100%;
  background: #ebebeb;
  top: 2.2rem;
//bottom: 68px;
  position: absolute;
  overflow-y: scroll; }

/**/
//.whole {
//width: 92.18%;
//height: r(88);
//margin: 0 auto;
//font-size: r(20);
//}
//.whole .img1 {
//   width: r(22);
//  height:r(37); 
//  margin-top: r(26);
//  }
// img {
//    width: 100%;
//    height: 100%; }
//
//.search {
//  color: #999999;
// line-height: r(88);
// font-size: r(26)
//  }
//
//
//
//.whole2{
//   width: 60%;
//  margin: 0 auto;
//  color: #666666;
//  text-align: center;
//  line-height: r(88);
//  font-size:r(33);
// 
//}


.Customer {
    width: 100%;
    height: r(302);
    background: white;
    .Customer1 {
        width: 100%;
        height: r(167);
        border-top: r(1) solid #e3e3e3;
        border-bottom: r(1) solid #e3e3e3;
        .Customer2 {
            margin: r(24) r(20);
            width: r(600);
            height: r(120);
            .Head_portrait {
                width: r(120);
                height: r(120);
            }
            ul {
                margin-left: r(16);
                width: r(320);
                height: r(120);
            }
            ul>li:nth-child(1) {
                font-size: r(25);
                padding-top: r(5);
            }
            ul>li:nth-child(2) {
                padding-top: r(8);
                font-size: r(21);
                color: #999999;
                line-height: r(36);
            }
            
            .Remarks {
                width: r(120);
                height: r(48);
                border: r(1) solid #949494;
                margin-top: r(73);
                border-radius: r(5);
                font-size: r(22);
                text-align: center;
                line-height: r(48);
            }
        }
    }
    .consumption {
        border-right: r(1) solid #e3e3e3;
        width: r(300);
        height: r(95);
        margin-top: r(20);
        margin-left: r(20);
        font-size: r(23);
        color: #333333;
        ul {
            li {
                text-align: center;
            }
        }
        ul>li:nth-child(1) {
            padding-top: r(10);
        }
        ul>li:nth-child(2) {
            padding-top: r(17);
        }
    }
    .Order {
        width: r(300);
        height: r(95);
        margin-top: r(20);
        font-size: r(23);
        color: #333333;
        ul {
            li {
                text-align: center;
            }
        }
        ul>li:nth-child(1) {
            padding-top: r(10);
        }
        ul>li:nth-child(2) {
            padding-top: r(17);
        }
    }
}
.Order_condition {
    width: 100%;
  
//  margin-top: r(30);
//  padding: 0 0 0 r(20);
    background: white;
    font-size: r(23);
    ul {
        width: 93.75%;
        height: r(94);
        margin: 0 auto;
        border-bottom: r(1) solid #e1e2e4;
        li{
            .img1 {
                width: r(54);
                height: r(50);
                margin-top: r(22);
                margin-right: r(16);
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .consignment {
                font-size: r(23);
                width: r(600);
                height: r(25);
                margin-top: r(32);
            }
            .one {
                color: #b4b4b4;
                line-height: r(25);
            }
            .img2 {
//              margin-left: r(12);
//             font-size: r(28);
                width: r(16);
                height: r(28);
                display: inline-block;
                vertical-align: middle;
                margin-left: r(12);
                margin-top: r(-3);
//             line-height: r(25);

               
               img{
                   width: 100%;
                   height: 100%;
               }
            }
        }
    }
}
.consumption {
    width: r(300);
    height: r(95);
    margin-left: r(20);
    font-size: r(23);
    color: #333333;
    ul {
        li {
            text-align: center;
        }
    }
    ul>li:nth-child(1) {
        width: r(40);
        height: (37);
        margin: 0 auto;
        padding-top: r(10);
    }
}
//.consumption1 {
//  width: r(300);
//  height: r(150);
//  margin-left: r(20);
//  font-size: r(23);
//  color: #333333;
//  ul {
//      li {
//          text-align: center;
//      }
//  }
//  ul>li:nth-child(1) {
//      width: r(40);
//      height: (37);
//      margin: 0 auto;
//      padding-top: r(10);
//  }
//}
.logo{
    width: 93.75%;
    height: r(150);
//  margin-left: r(20);
margin: 0 auto;
    font-size: r(23);
    line-height: r(150);
    color: #333333;
    border-bottom: 0.025rem solid #e1e2e4;
    .consignment1 {
        line-height: r(150);
   
     }
     .img2{
        width: r(17);
        height: r(28);

        float: right;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .one{
        width: r(99);
        height: r(99);
        margin-right: r(12);
        margin-top: r(26);
    }
}
